/*------------------------------------------------------------------*/ 
/*	3) Note: Design for a width of 320 px
/*------------------------------------------------------------------*/
@media only screen and (min-width: 200px) and (max-width: 479px){

/*------------------------------------------------------------------*/ 
/*	1) Header
/*------------------------------------------------------------------*/
.logo{margin-left:0; width:100%; text-align:center;}
.logo img{max-width:300px;}
.search-form{ /* margin:0 40px 10px 0; */ margin: 0; }
.user{ margin-top: 0; }
.device-menu{ display:block; margin-top:10px;}
ul.sf-menu { display:none; }

/*------------------------------------------------------------------*/ 
/*	3) Slider
/*------------------------------------------------------------------*/
.main-slider {
	width:300px;
	margin:0;
}
.slider2, .slider3{
	display:none;
}
/*------------------------------------------------------------------*/ 
/*	3) Content
/*------------------------------------------------------------------*/
.main-content{
	width:100%;
}
.outertight{
	width:100%;
	margin-right:0;
}
.outertight img{
	max-width:100%;
}
.outerwide{
	width:100%;
}
.wnews li{
	width:300px;
}
.wnews li img{
	max-width:140px;
}

.block2 li{
	width:100%;
	margin-right:0;
}
.relatednews ul li:nth-child(2n){
	margin-right:0;
}
/*------------------------------------------------------------------*/ 
/*	4) Comments
/*------------------------------------------------------------------*/
.commment-text-wrap{
	width:180px;
}
ul.children li div.commment-text-wrap{
	width:180px;
}
ul.children li li div.commment-text-wrap{
	width:180px;
}
ul.children li li li div.commment-text-wrap{
	width:180px;
}
ul.children{
	margin-left:0;
	border:0;
	margin-left:-19px;
}
.form textarea{
	width:278px;
}

/*------------------------------------------------------------------*/ 
/*	5) 404
/*------------------------------------------------------------------*/
div.text-404{
    font-size: 120px;
}

}
